<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        // BOM  Browser Object Model  浏览器对象模型

        // 1 window
        // window.innerWidth  // 页面宽度 包括滚动条
        // window.innerHeight // 页面高度 包括滚动条
        // 2 location   地址
        // console.log(location)
        // 3 history
        // console.log(history)
        // // 4 navigator
        // console.log(navigator)

        // var a = setInterval(function () { }, 300)
        // clearInterval(a)
        // var b = setTimeout(function () { }, 500)
        // clearTimeout(b)

        // DOM 什么是dom?
        // Document Object Model  文档对象模型

        // el.querySelector()
        // el.querySelectorAll()

        // el  dom关系
        // 获取el下的所有子元素节点
        // el.children
        // 获取el的上一个兄弟元素节点
        // el.previosElementSibling
        // 获取el的下一个兄弟元素节点
        // el.nextElementSibling
        // 获取el下的第一个元素节点
        // el.firstElementChild
        // 获取el下的最后一个元素节点
        // el.lastElementChild
        // 获取el的父元素
        // el.parentNode

        // 操作类
        // 添加
        // el.classList.add("class")
        // 删除
        // el.classList.remove("class")
        // 切换
        // el.classList.toggle("class")
        // 存在
        // el.classList.contains("class") => 返回布尔值

        // 



        

       
    </script>
</body>

</html>